﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Product.aspx.cs" Inherits="Cotrobaie.Product" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
     <script language="javascript" type="text/javascript">
         id = 0;
         function stars(obj, color) {
             index = Number(obj.id.substr(-1));
             id = obj.id.substr(0, (obj.id.length - 1));
             for (i = 1; i <= 5; i++) {
                 if (i <= index) {
                     document.getElementById(id + i).src = "images/sfull"+color+".png";
                 }
                 else {
                     document.getElementById(id + i).src = "images/sempt" + color + ".png";
                 }
             }

         }

         function unstars(obj, rating, color) {

             for (i = 1; i <= 5; i++) {
                 if (i <= rating) {
                     document.getElementById(id + i).src = "images/sfull" + color + ".png";
                 }
                 else {
                     document.getElementById(id + i).src = "images/sempt" + color + ".png";
                 }
             }

         }
           
     </script>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
<div id="headerMiddle">
	<div id="logo1">
        <asp:ImageButton ID="ImageButton6" runat="server"  ImageUrl="~/images/logomic.png" OnClick="goHome"/>
	</div>			    
</div>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
     <div id="bigBulina">
        <asp:Image ID="Image1" runat="server" ImageUrl="~/images/biggreeen.png"/>
        <div runat="server" id="contentBigBulina" class="contentBigBulina" style="text-align:left; top:180px; left:150px; color:White">
            <div id="pageTitle" class="pageTitle" runat="server" style="position:relative; left:100px; width:500px">PRODUCT DETAILS </div>
           
           <div id="det" runat="server">
                <div id="imageProd" style="text-align:center;vertical-align:middle;">
                    <asp:Image ID="ImageProduct" runat="server"  CssClass="imagineProdus" style="text-align:center;vertical-align:middle;"/>
                </div>
                <div id="titleProd">
                    <div id="nameProd" class="nameProd" runat="server">NUME PRODUS</div>
                    <div id="categoryProd" class="categoryProd" runat="server">Category name</div>
                    <div id="buttonsProd" runat="server" class="buttonsProd">
                        <span id="rating" runat="server" class="rating"><asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/sfull.png" OnClick="ratingClick"/><asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/images/sfull.png" OnClick="ratingClick"/><asp:ImageButton ID="ImageButton3" runat="server" ImageUrl="~/images/sfull.png" OnClick="ratingClick"/><asp:ImageButton ID="ImageButton4" runat="server" ImageUrl="~/images/sempt.png" OnClick="ratingClick"/><asp:ImageButton ID="ImageButton5" runat="server" ImageUrl="~/images/sempt.png" OnClick="ratingClick"/>&nbsp;<span id="scor" runat="server">0.00/5</span>
                        </span>
                        <span id="alert"><asp:ImageButton ID="ImageButtonAlert" runat="server" ImageUrl="~/images/alert.png" OnClick="onAlertClick" ToolTip="Add to Subscriptions"/></span>
                        <asp:ImageButton ID="ImageButtonBookmark" runat="server"  ImageUrl="~/images/bookmark.png" OnClick="onBkmClick"  ToolTip="Add to Bookmarks"/>
                        <div id="accessed" runat="server" >
                            <asp:Literal ID="NoAccessed" runat="server"></asp:Literal>  
                        </div>
                    </div>
           
                    <div id="alertvis" runat="server" visible="false" >
                <br /><br />
                    <asp:Label ID="Label3" runat="server" Text="Let me know when " ForeColor="#ff5b02"></asp:Label>
                    <br />
                    <table>
                        <tr>
                            <td>
                                - the price reaches this value:
                                <br /><br />

                                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="TextBoxPret" FilterMode="ValidChars" ValidChars="0123456789.,"/>
                                <asp:TextBox ID="TextBoxPret" runat="server" BorderWidth="1" BorderColor="#d2d2d2"
                                    BorderStyle="Solid" Height="20" ForeColor="#707070" Width="80px" MaxLength="20"></asp:TextBox>&nbsp;$
                                </td>
                                <td valign="bottom">
                                    <asp:ImageButton ID="ImageButtonProcAlarm" runat="server" ImageUrl="~/images/ok.png"  OnClick="ButtonOk_Click"/>
                            </td>
                        </tr>
                        <tr><td>&nbsp;</td></tr>
                        <tr>
                            <td>
                                - the price drops with this percent:
                                <br /><br />
                    
                                <ajaxToolkit:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server" TargetControlID="TextBoxProcent" FilterMode="ValidChars" ValidChars="0123456789.,"/>
                                <asp:TextBox ID="TextBoxProcent" runat="server" BorderWidth="1" BorderColor="#d2d2d2"
                                    BorderStyle="Solid" Height="20" ForeColor="#707070" Width="80px" MaxLength="20"></asp:TextBox>&nbsp;%
                            </td>
                            <td valign="bottom">
                                    <asp:ImageButton ID="ImageButtonPriceAlarm" runat="server" ImageUrl="~/images/ok.png" OnClick="ButtonOk_Click" />
                            </td>
                        </tr>
                    </table>
                </div>
                </div>
                <div id="author" runat="server" visible="false" class="author">
                    <div id="authorTitle" class="PriceTitle">AUTHOR</div>
                    <div id="authorContent" runat="server" class="PriceDisp"></div>
                </div>
                <div id="brand" runat="server" visible="false" class="author">
                    <div id="brandTitle" class="PriceTitle">BRAND</div>
                    <div id="brandContent" runat="server" class="PriceDisp"></div>
                </div>

                 <div id="priceProd">
                    <div id="minPrice">
                        <div id="minPriceTitle" class="PriceTitle">BEST PRICE</div>
                        <div id="minPriceDisp" class="PriceDisp">
                            <asp:Literal ID="LiteralMinPrice" runat="server">$0.00</asp:Literal> -  
                            <span id="vendor" runat="server"></span>               
                        </div>
                    </div>
                    <br />
                    <div id="listPrices">
                        <div id="listPricesTitle" class="PriceTitle">PRICES
                        </div>
                        <div id="listPricesList" class="PriceDisp" runat="server">
                        </div>
                    </div>
                </div>
            </div>
        
            <asp:Panel ID="descriptionP" runat="server" visible="false" ScrollBars="Vertical" Height="450px" style="position:relative; left:50px; top:10px">
                <div id="descriptionPDIV" runat="server"></div>
            </asp:Panel>

            <div id="statistics" runat="server" visible="false" class="text" style="width: 700px; color:White; position:relative; left:-20px">
                <iframe id="PlaceHolder1" runat="server" frameborder="0" width="500" height="100%" style="margin: 0 0 0 0; padding:0 0 0 0; padding-left:44px; text-align:center; width:535px; height:100%; border-width:0px;" scrolling="no" marginheight="0" marginwidth="0"/>
                <br /><br /><br />
                <table>
                    <tr>
                        <td style="width:55px;"></td>
                        <td>
                            Start:
                            <asp:TextBox ID="TextBoxMinDate" runat="server" MaxLength="20" Width="80px" BorderWidth="1" BorderColor="#d2d2d2" BorderStyle="Solid" ></asp:TextBox>
                            <ajaxToolkit:CalendarExtender id="Calendar1" runat="server" TargetControlID="TextBoxMinDate" Format="dd.MM.yyyy" CssClass="CalendarStyle" PopupPosition="BottomLeft"  />
                            <ajaxToolkit:FilteredTextBoxExtender ID="ftbe1" runat="server" TargetControlID="TextBoxMinDate" ValidChars="0123456789." />
                        </td>
                        <td> - </td>
                        <td>
                            End:
                            <asp:TextBox ID="TextBoxMaxDate" runat="server" MaxLength="20" Width="80px" BorderWidth="1" BorderColor="#d2d2d2" BorderStyle="Solid"></asp:TextBox>
                            <ajaxToolkit:CalendarExtender id="Calendar2" runat="server" TargetControlID="TextBoxMaxDate" Format="dd.MM.yyyy" CssClass="CalendarStyle" PopupPosition="BottomLeft" />
                            <ajaxToolkit:FilteredTextBoxExtender ID="ftbe2" runat="server" TargetControlID="TextBoxMaxDate" ValidChars="0123456789." />
                        </td>
                        <td>&nbsp;<asp:Button ID="ButtonGrafic" runat="server" Text="Modify"  
                                CssClass="bigbutton" Height="25px" onclick="ButtonGrafic_Click"/></td>
                        <td>
                            <asp:CheckBox ID="CheckBoxTrend" runat="server"  Text="Show trends" AutoPostBack="true" OnCheckedChanged="CheckBoxChanged"/>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="comments" runat="server" visible="false" class="text" style="position:relative; left:100px;">
                    <div id="commentsText" runat="server" >
                
                    </div>
                
                    <div id="pagesComment" runat="server" class="pagesComment"> 
                        <asp:Button ID="ButtonPrevPage" runat="server" Text="<" CssClass="button2" 
                            onclick="ButtonPrevPage_Click" Enabled="false" />
                        <asp:Label ID="LabelCurrentPage" runat="server" Text="1"></asp:Label>
                        <asp:Button ID="ButtonNextPage" runat="server" Text=">" CssClass="button2" 
                            onclick="ButtonNextPage_Click" />
                        </div>
                    <br />
                
                    <div id="buttonAddComment"> 
                        <asp:Button ID="ButtonAddComment" runat="server" Text="Add a comment"  CssClass="bigbutton"  OnClick="onClickAddComment"/>
                    </div>
                    <div id="addComment" runat="server" visible="false">
                        <asp:Label ID="LabelTitleComment" runat="server" Text="Title:"></asp:Label><br />
                        <asp:TextBox ID="TextBoxTitleComment" runat="server" BorderWidth="1" BorderColor="#d2d2d2" BorderStyle="Solid" Width="200px" Font-Names="arial" Font-Size="13px" MaxLength="150"></asp:TextBox>
                        <br /><br />
                        <asp:Label ID="LabelNewComment" runat="server" Text="Comment:"></asp:Label><br />
                        <asp:TextBox ID="TextBoxNewComment" runat="server" TextMode="MultiLine" BorderWidth="1" BorderColor="#d2d2d2" BorderStyle="Solid" Width="450px" Rows="5" Font-Names="arial" Font-Size="13px"></asp:TextBox>
                        <br /><br />
                        <asp:Button ID="ButtonSendComment" runat="server" Text="Send comment" CssClass="bigbutton" OnClick="onClickSendComment"/>
                    </div>
                </div> 
    
        </div>
        </div>

        <div id="choices">
            <div id="popitems" style="" class="choices">
                <asp:ImageButton ID="ButtonStatistics" runat="server"  ImageUrl="~/images/statistics.png" OnClick="tabClick"/>
            </div>
            <div id="recommitems" style="z-index:-10;">
                <asp:ImageButton ID="ButtonDescr" runat="server"  ImageUrl="~/images/desc.png" OnClick="tabClick"/>
            </div> 
            <div id="mostvisited" class="choices">
                <asp:ImageButton ID="ButtonComments" runat="server"  ImageUrl="~/images/comm1.png" OnClick="tabClick"/>
            </div>
            <div id="basic" style="position:absolute; left:1050px; top:490px;" class="choices">
                <asp:ImageButton ID="ButtonBasic" runat="server"  ImageUrl="~/images/basic.png" OnClick="tabClick"/>
            </div>
        </div>

</asp:Content>
